﻿@model  GameSite.Models.HomeViewModel
<!-- main content -->
<div id='content' class='row-fluid'>
    <!-- left sidebar -->
    <div class='span3 sidebar'>
        <ul class="unstyled">
            <li><a class="btn btn-primary btn-large btn-block" href="@Model.Config.HallClientIOSUrl">
                <img src="~/images/AppleIcon.png" style="height: 25px" />
                <span>IOS APP下载</span> </a></li>
        </ul>
        <ul class="unstyled">
            <li><a class="btn btn-primary btn-large btn-block" href="@Model.Config.HallClientAndroidUrl">
                <span>安卓APP下载</span> </a></li>
        </ul>
        <ul class="unstyled">
            <li><a class="btn btn-primary btn-large btn-block" href="@Model.Config.HallClientWPhoneUrl">
                <span>安卓APP下载</span> </a></li>
        </ul>
        <ul class="unstyled">
            <li><a class="btn btn-primary btn-large btn-block" href="@Model.Config.HallClientWinPCUrl">
                <span>WP APP下载</span> </a></li>
        </ul>
        <ul class="unstyled">
            <li><a class="btn btn-primary btn-large btn-block" href="@Model.Config.HallClientAndroidUrl">
                <span>PC 客户端下载</span> </a></li>
        </ul>
        <!-- helpful link -->
        <div class="bs-docs-example bs-docs-example-images">
            <ul class="nav nav-tabs nav-stacked">
                <li><a href="@Url.Action("Register", "Account")"><i class="icon-shopping-cart"></i>帐号充值</a></li>
                <li><a href="@Url.Action("Unban", "Service")"><i class="icon-lock"></i>自助解绑</a></li>
                <li><a href="@Url.Action("Ban", "Service")"><i class="icon-ban-circle"></i>处罚公告</a></li>
                <li><a href="@Url.Action("Register", "Account")"><i class="icon-remove"></i>盗号申诉</a></li>
            </ul>
        </div>
        <!-- contract us -->
        <div class="bs-docs-example bs-docs-example-images">
            <ul class="nav nav-tabs nav-stacked">
                <li><i class="icon-book"></i>热线电话</li>
                <li><a href="#">@Model.Config.CorpTel</a></li>
                <li><i class="icon-heart"></i>客服QQ</li>
                <li><a href="#">@Model.Config.CorpQQ</a></li>
            </ul>
        </div>
        <!-- contract us -->
        <ul class="nav nav-tabs nav-stacked">
            <li><a href="@Url.Action("ContactNote", "Service")"><i class="icon-edit"></i>意见反馈</a></li>
        </ul>
    </div>
    <!-- main Content -->
    <div class='span6 main'>
        <!-- slide image -->
        <div id="myCarousel" class="carousel slide">
            <div class="carousel-inner">
                @foreach (var item in Model.SlideNews)
                { 
                    <div class="item @(item == Model.GameNews.First() ? "active" : "")">
                        <img src="@item.ImageTitle" alt="" />
                        <div class="carousel-caption">
                            <h4>@item.subTitle</h4>
                            <p>@item.Title</p>
                        </div>
                    </div>
                }
            </div>
            <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a> <a class="right carousel-control"
                href="#myCarousel" data-slide="next">›</a>
        </div>
        <!-- game news -->
        <div class="bs-docs-example">
            @foreach (var item in Model.GameNews)
            {
                <div class="media">
                    <a class="pull-left" href="#"><i class="icon-volume-up"></i></a>
                    <div class="media-body">
                        <ul class="inline">
                            <li><a href="@Url.Action("Details", "GameNews", new { id = @item.ID })">
                                @Html.DisplayFor(modelItem => item.Title)
                            </a></li>
                            <li>[ @Html.DisplayFor(modelItem => item.DispTime) ] </li>
                            <li><span class="label label-important" style="visibility: @(item.IsHot == 1 ? "visible" : "hidden");" >
                                hot</span></li>
                            <li><span class="label label-info" style="visibility: @(item.IsTop == 1 ? "visible" : "hidden");" >
                                Top</span></li>
                    </div>
                </div>
            }
        </div>
        <!-- game introduce -->
        <div class="tabbable">
            <!-- Only required for left/right tabs -->
            <ul class="nav nav-tabs">
                <li class="active"><a href="#tab1" data-toggle="tab">牌类游戏</a></li>
                <li><a href="#tab2" data-toggle="tab">休闲游戏</a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tab1">
                    <div class="span3">
                        <dl class="palette palette-danger">
                            <dt><span class="fui-man-24">欢乐斗牛</span></dt>
                        </dl>
                    </div>
                    <div class="span3">
                        <dl class="palette palette-success">
                            <dt><span class="fui-man-24">欢乐五张</span></dt>
                        </dl>
                    </div>
                    <div class="span3">
                        <dl class="palette palette-info">
                            <dt><span class="fui-man-24">梭哈</span></dt>
                        </dl>
                    </div>
                </div>
                <div class="tab-pane" id="tab2">
                    <div class="span3">
                        <dl class="palette palette-bright">
                            <dt><span class="fui-man-24">幸运骰子</span></dt>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- right sidebar -->
    <div class='span3 sidebar'>
        <div class="bs-docs-example bs-docs-example-images">
            <ul class="nav nav-tabs nav-stacked">
                @foreach (var item in Model.Activities)
                {
                    <li><a href="@Url.Action("Activity", "GameNews", new { id = @item.ID })"><i class="icon-volume-up">
                    </i>
                        @Html.DisplayFor(modelItem => item.Title)
                    </a></li>
                }
            </ul>
        </div>
        <div class="bs-docs-example bs-docs-example-images">
            <ul class="nav nav-tabs nav-stacked">
                <li><a href="@Url.Action("Register", "Service")"><i class="icon-question-sign"></i>如何注册游戏帐号？</a></li>
                <li><a href="@Url.Action("Security", "Service")"><i class="icon-question-sign"></i>如何开通帐号安全验证？</a></li>
                <li><a href="@Url.Action("Pay", "Service")"><i class="icon-question-sign"></i>如何充值@{@Model.Config.GameVirualCoinCN}
                    ？</a></li>
                <li><a href="@Url.Action("Game", "Service")"><i class="icon-question-sign"></i>
                    @{@Model.Config.PlatFormNameCN}
                    的官方网址是什么？</a></li>
            </ul>
        </div>
        <div class="tile">
            <img class="tile-image big-illustration" alt="" src="@{@Model.Config.SiteTemplateImagePath}illustrations/gift.png">
            <h4>
                官方活动</h4>
            <a class="btn btn-primary btn-large btn-block" href="#">注册赢大奖</a>
        </div>
    </div>
</div>
